{% extends "base.html" %}{% load i18n %}
{% block title %}{% translate "Important numbers" %}{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <h1>{% translate "Important numbers" %}</h1>
    <p>{% translate "Who to call or refer a caller to. Tap a number to call it from a phone." %}</p>
  </div>
  {% if user.is_supervisor %}<div class="actions"><a class="btn btn-primary" href="{% url 'number_add' %}">{% translate "Add a number" %}</a></div>{% endif %}
</div>

{% for label, items in groups %}
<section class="panel">
  <div class="panel-head"><h2>{{ label }}</h2></div>
  <ul class="rows num-rows">
    {% for n in items %}
    <li>
      <div class="grow">
        <div class="title">{{ n.name }}</div>
        {% if n.note %}<div class="meta">{{ n.note }}</div>{% endif %}
      </div>
      <a class="phone dial" href="tel:{{ n.dial }}">{{ n.number }}</a>
      {% if user.is_supervisor %}<a class="btn btn-small btn-quiet" href="{% url 'number_edit' n.pk %}">{% translate "Change" %}</a>{% endif %}
    </li>
    {% endfor %}
  </ul>
</section>
{% empty %}
<div class="panel empty"><strong>{% translate "No numbers yet." %}</strong>{% if user.is_supervisor %}{% translate "Add the pastors, church office and emergency numbers agents need during calls." %}{% else %}{% translate "A supervisor will add the numbers you need during calls." %}{% endif %}</div>
{% endfor %}
{% endblock %}